<template>
	<div class="main">
		<div class="left"><left></left></div>
		<div class="right">
			<div class="top"><img src="../../public/img/title.jpg" /></div>
			<div class="bottom"><right></right></div>
		</div>
	</div>
</template>

<script type="text/javascript">
	import left from '../components/Left.vue'
	import Right from '../components/Right.vue'
	export default {
		components: {
			left,
			Right
		}
	}
</script>

<style type="text/css">
	*{padding: 0;margin: 0;}
	.main{width: 1200px;margin: 20px auto;}
	.left{width: 100px;float: left;margin-right: 10px;}
	.right{width: 1000px;float: left;margin-left: 10px;}
	.top img{height: 200px;width: 1000px;}
	.left,.right{background-color: #f5f5f5;height: 500px;}
</style>
